<%@ page import="org.springframework.util.StringUtils" %>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<%

    String domainKey = "";
    String basePath = "";
    String path = request.getContextPath();
    if (!StringUtils.isEmpty(domainKey)) {
        basePath = domainKey + path + "/";
    } else {
        basePath = request.getScheme() + "://"
                + request.getServerName() + ":" + request.getServerPort()
                + path + "/";
    }
    request.setAttribute("enterType", "\n");
%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登陆</title>

    <script type="text/javascript" src="<%=basePath%>js/jquery-3.4.1.min.js"></script>


    <style type="text/css">
        body {
            background-color:#00b38a;
            text-align:center;
        }

        .lp-login {
            position:absolute;
            width:500px;
            height:300px;
            top:50%;
            left:50%;
            margin-top:-250px;
            margin-left:-250px;
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 0 10px #12a591;
            padding: 57px 50px 35px;
            box-sizing: border-box
        }


        .lp-login .submitBtn {
            display:block;
            text-decoration:none;
            height: 48px;
            width: 150px;
            line-height: 48px;
            font-size: 16px;
            color: #fff;
            text-align: center;
            background-image: -webkit-gradient(linear, left top, right top, from(#09cb9d), to(#02b389));
            background-image: linear-gradient(90deg, #09cb9d, #02b389);
            border-radius: 3px
        }


        input[type='text'] {
            height:30px;
            width:250px;
        }

        span {
            font-style: normal;
            font-variant-ligatures: normal;
            font-variant-caps: normal;
            font-variant-numeric: normal;
            font-variant-east-asian: normal;
            font-weight: normal;
            font-stretch: normal;
            font-size: 14px;
            line-height: 22px;
            font-family: "Hiragino Sans GB", "Microsoft Yahei", SimSun, Arial, "Helvetica Neue", Helvetica;
        }

    </style>
    <script type="text/javascript">




    function login() {
        var userName = $("#userName").val();
        var password = $("#password").val();

        if(password == null || $.trim(password).length == 0){
            alert("sorry,必须输入密码");
            return;
        }

        $.ajax({
            url:'<%=basePath%>userLogin',
            type:'POST',    //GET
            async:false,    //或false,是否异步
            data:{
                userName:userName,
                password:password
            },
            timeout:5000,    //超时时间
            dataType:'json', //返回的数据格式：json/xml/html/script/jsonp/text
            success:function(data){
                if(data.status==200){
                    window.location.href='<%=basePath%>resume/selectAll';
                }else{
                    alert(data.msg);
                }
            }
        })
    }
    </script>
</head>
<body>



    <table class="lp-login">

        <tr>
            <td align="right"><span>账号</span></td>
            <td align="center">
                <input type="text" id="userName" ></input>
            </td>
        </tr>
        <tr>
            <td align="right"><span>密码</span></td>
            <td align="center">
                <input type="text" id="password" ></input>
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="button" class="submitBtn" value="登陆" onclick="login();"></input>
            </td>
        </tr>
    </table>


</body>
</html>
